<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page errorPage="JSP_Error.jsp"%>
<%@ page import="com.microstrategy.web.app.utils.JavaScriptBundles"%>
<%@ taglib uri="/webUtilTL.tld" prefix="web"%>
<%@ page import="com.microstrategy.web.app.beans.PageComponent"%>
<%PageComponent mstrPage = (PageComponent) request.getAttribute("mstrPage");%>
<!doctype html>
<html>
<head>
<title>PreApproved Registration</title>

<web:resource type="custom-javascript" name="jquery-1.9.0.js"/>
<web:resource type="custom-javascript" name="jquery.js"/> 
<web:resource type="custom-javascript" name="jquery.cookie.js"/> 
<web:resource type="custom-javascript" name="jquery.maskedinput.js"/>
<web:resource type="custom-javascript" name="jquery.mockjax.js"/>
<web:resource type="custom-javascript" name="jquery.validate.js"/>
<web:resource type="custom-javascript" name="cookietesting.js"/>
<%-- <web:resource type="custom-javascript" name="mktSignup.js"/> --%>
<web:resource type="custom-javascript" name="validate.js"/>
<web:resource type="custom-javascript" name="jquery.form_3.50.js"/>
<web:resource type="custom-style" name="edituserprofile.css"/>

</head>
<body>
<!-- 	<div> -->
<%-- 		<div> <web:returnToPath/></div> --%>
<!-- 	</div> -->
<!-- 	<div> -->
<!-- 		<span class="highlighted"> -->
<%-- 			<web:descriptor key="mstrWeb.859" desc="Welcome" />, &nbsp<web:connectionValue property="userName"/> --%>
<%-- 			<web:urlEvent eventID="com.microstrategy.web.app.beans.EnumServletEvents.WebEventLogout"><web:descriptor key="mstrWeb.8" desc="Logout"/></web:urlEvent> --%>
<!-- 		</span> -->
<!-- 	</div> -->
	<div class="NavBar">
	  	<a href="mstrWeb?evt=3010&src=mstrWeb.3010" name="ProjectHome" value="Project Home" class="link">Projects Home</a>
	  	<a href="../plugins/GMAR/jsp/SearchResult.jsp" target="view_window" class="link">User Manager</a>
	  	<a href="mstrWeb?evt=3008&src=mstrWeb.3008" type="button"  value="Log Out" class="link">Logout</a>
	</div>
	<div>
	    <img src="../plugins/GMAR/style/images/Amex.png"></img>
	    <label style="font-size: 30px; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif; color: #232121; font-style: normal; font-weight: lighter;">American Express
	    </label>
	  <hr>
	</div>
	<!-- error message -->
	<div style="display:none;" class="error">
      <img width="24" height="24" style="float:left; margin: -5px 10px 0px 0px; " alt="Warning!" src="images/warning.gif">
      <span></span>.<br clear="all">
    </div>
	<div class="userProfile">
		<span>User Profile</span>
	</div>
	<form method="get" action="" type="actionForm" id="preApprovedRegForm" novalidate="novalidate">
	<input type="hidden" name="up_code" value="104">
	<div class="formContent">
		<div>
		  	<span>MicroStrategy Access Type *:</span><input type="text" name="mstrAType" id="mstrAType" disabled>
		</div>
		<div>
			<span>MicroStrategy Product Select *</span>
			
		     <select style="height:80px" id="select" name="srcList"   multiple>
		            <option id="mstrPS"   value="1" ondblclick="javascript:addSrcToDestList()">Dashboard</Option>
			 		<option   value="2" ondblclick="javascript:addSrcToDestList()">MARC</Option>
					<option   value="3" ondblclick="javascript:addSrcToDestList()">ICARD</Option>  
		    </select>
		     <div style="display:inline-block;">
		    <input type="button" name="button" id="button" value=">>"  onclick="javascript:addSrcToDestList()"></input><br><br>
		    <input style="margin-top:15px;" type="button" name="button2" id="button2"  onclick="javascript:deleteFromDestList()" value="<<"></input>
		    </div>
		    <select style="height:80px; width:100px;"id="select2" name="destList"  multiple></select>
		    
		</div>
		
		<div>
			<span>Amex Web ID *:</span><input type="text" name="preamexWebID" id="preamexWebID" disabled></input>
		</div>
		
		<div>
			<span>First Name *:</span><input type="text" name="disabledPreFN" id="disabledPreFN" disabled></input>
		</div>
		<div>
			<span>Middle Initial:</span><input type="text" name="disabledPreMN" id="disabledPreMN" disabled></input>
		</div>
		<div>
			<span>Last Name:</span><input type="text" name="disabledPreLN" id="disabledPreLN" disabled></input>
		</div>
		<div>
			<span>Employee/Contractor ID *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="preempContID" id="preempContID" disabled="disabled"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Department ID *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="predepartmentId" id="predepartmentId"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Department Description *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="preDeprmntDesc" id="preDeprmntDesc"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Business Unit Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="preBusnUC" id="preBusnUC"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Business Unit Description *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="preBusnUD" id="preBusnUD"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>AMEX Unit Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="preAmexUC" id="preAmexUC"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>AMEX Unit Description *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="preAmexUDesc" id="preAmexUDesc"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Exception End Code *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="excpEC" id="excpEC"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Cost Center *:</span>
			<input type="text" name="preCostCenter" id="preCostCenter" disabled></input>
		</div>
		<div class="inputGroup">
			<span>Functional Group</span>
			<div class="sndFunc" style="font-weight:bold; display:inline-block;" >
				<select name="funcGroup" style="font-weight:bold;" >
				<option id="sndFunc" value="">Select</option>
				</select>
			</div>
		</div>
		<div  class="inputGroup">
			<span>Functional Role</span>
			<div name="funcRole" class="funcGroup" style="font-weight:bold; display:inline-block;">
				<select style="font-weight:bold;">
			   <option id="funcGroup" value="">Select Functional Role</option>
				</select>
			</div>
		</div>
			
	    <div>
			<span>Phone # *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" value="" name="phone" id="prephone" maxlength="14"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Email Address*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" id="preemail" name="email"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager First Name *:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="firstname" id="prefirstname"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager Middle Initial:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="premIn" id="premIn"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager Last Name*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="lastname" id="prelastname"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Manager Email Address*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="prememail" id="prememail"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>VP Name*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="VPName" id="preVPName"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
		</div>
		<div>
			<span>Reason For Access*:</span>
			<div class="field" style="display:inline-block;">
				<input type="text" name="reason" id="prereason"></input>
			</div>
			<div class="status" style="display:inline-block;"></div>
			
		</div>
		<div>
			<span>Access Status:</span>
			<input type="text" name="status" id="prestatus" disabled></input>
		</div>
		<div>
			<span>Access Status Date:</span>
			<input type="text" name="statusDate" id="prestatusDate" disabled></input>
		</div>
		<div>
			<span style="color:red">*-Mandatory fields</span>
		</div><br>
	</div>
	<div class="buttonSubmit" style="padding-left:350px;">
		<input type="submit" tabindex="14" class="formButton" style="width:140px" name="update" id="update" value="Submit for Approval"></input>
	  	<input type="button" name="cancel" id="cancel" value="Cancel"></input>	
	</div>
	</form>
</body>
</html>
